<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function showSelectedOption(selectControl) {
		if (selectControl) {
			var options = selectControl.options;
			if (options && options.length > 0) {
				 for (var i = 0; i < options.length; i++) {
			        if (options[i].selected) {
			            MUI.notification("显示值：" + options[i].label + "\n实际值：" + options[i].value);
			        }
				 }
			}
		}
	}

</script>
</head>
<body>
<form id="searchForm">
			<p>
			用户姓名：<input type="text" id="userName" name="userName" class="input"></input>
			</p>
			<p>
			IP地址　：<input type="text" id="idAddr" name="idAddr" class="input"></input>
			</p>
			<p>
			日志内容：<input type="text" id="logInfo" name="logInfo" class="input"></input>
			</p>
			<p>
			业务模块：
			<select id="bizType" name="bizType" onchange="showSelectedOption(this);">  
				<option label="用户登录" title="用户登录" value="1" selected="selected"></option> 
				<option label="密码维护" title="密码维护" value="2"></option> 
			</select>
			</p>
			<p>
			日志级别：
			<select id="logLevel" name="logLevel" onchange="MochaUI.notification(this.selected.label)">  
				<option label="警告" value="1" selected="selected"></option> 
				<option label="错误" value="2"></option> 
			</select>
			</p>
			
			<p>
			开始日期：<input type="text" id="startDate" name="startDate" class="input"></input>
			</p>
			<p>
			截止日期：<input type="text" id="endDate" name="endDate" class="input"></input>
			</p>
</form>
</body>
</html>